<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WXOPEN</title>
    <script type="text/javascript" src="assets/jquery.min.js"></script>
    <link rel="stylesheet" href="assets/weui.min.css"/>
</head>
<body>
<div>
    你们好啊
</div>
<div class="weui-msg">
    <div class="weui-msg__icon-area">
        <i class="weui-icon-success weui-icon_msg"></i>
    </div>
    <div class="weui-msg__text-area">
        <h2 class="weui-msg__title">操作成功</h2>
        <p class="weui-msg__desc">内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现<a href="javascript:void(0);">文字链接</a></p>
    </div>
    <div class="weui-msg__opr-area">
        <p class="weui-btn-area">
            <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxe83c310e4d116b74&redirect_uri=http%3a%2f%2fwww.deservel.win%2fwxopen%2foauth&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect" class="weui-btn weui-btn_primary">点我获取个人信息</a>
            <a href="javascript:alert('点错了伙计。');show()" class="weui-btn weui-btn_default">辅助操作</a>
        </p>
    </div>
    <div class="weui-msg__extra-area">
        <div class="weui-footer">
            <p class="weui-footer__links"><a href="javascript:void(0);" class="weui-footer__link">底部链接文本</a></p>
            <p class="weui-footer__text">Copyright &copy; 2008-2016 weui.io</p>
        </div>
    </div>
</div>
<script type="application/javascript">
    function show(){
        var href = $('.weui-btn_primary').attr("href");
        alert(href);
    }
</script>
</body>
</html>